<template>
	<view class="container">
		<tui-msg :type="type" :title="title" :desc="desc" :color="params | getColor">
			<!--自定义内容部分-->
			<tui-button type="green" width="400rpx" height="84rpx" bold margin="32rpx auto 0" v-if="params==0">主要操作</tui-button>
			<tui-button type="gray-green" width="400rpx" height="84rpx" bold margin="32rpx auto">辅助操作</tui-button>
		</tui-msg>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				type: 'success',
				title: '操作成功',
				desc: '内容详情，根据实际需要进行展示，内容为空则不展示展示',
				params: 0
			}
		},
		filters:{
			getColor(type){
				return ['#07c160','#f74d54','#f74d54','#5677fc'][type || 0]
			}
		},
		onLoad(options) {
			this.params = options.type || 0;
			this.title=['操作成功','操作失败','操作失败','审核中'][this.params]
			this.type = ['success', 'warn', 'clear', 'waiting'][this.params]
		}
	}
</script>

<style>
	.container {
		padding: 0 80rpx;
	}
</style>
